/*
* @Author: sam
* @Date:   2017-10-11 14:03:19
* @Last Modified by:   sam
* @Last Modified time: 2017-10-25 10:56:50
*/
/*typeBox*/
.typeBox { height: 0.8rem; line-height: 0.8rem; overflow: hidden; position: fixed; z-index: 100; width: 40%; background: #fff; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow:0px 0px 5px #ccc; display: flex; justify-content: space-around; }
.typeBox div { flex-grow: 1; text-align: center; }
.typeBox div.active { background: #20aeec; color: #fff; }

/*mapBox*/
.mapBox { height: 100%; width: 100%; position: relative; z-index: 1; }

/*tipBox*/
.tipBox { color: #000; /*height: 4.4rem;*/ width: 95%; position: fixed; bottom: -5.5rem; left:50%; z-index: 100; background: #fff; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow:0px 0px 5px #ccc; transition: all 0.5s; }
.tipBox.active { bottom:0; }
.detail { color: #fff; position: absolute; width: 1.2rem; height: 1.2rem; border: 2px solid #fff; background: #20aeec; border-radius: 100%; right:0.6rem; top:-0.6rem; box-shadow: 0px 0px 5px #20aeec; text-align: center; }
.detail a { color: #fff; display: block; width: 1.2rem; height: 1.2rem; position: relative; overflow: hidden; }
.detail a span{ font-size: 0.3rem; display: block; width: 1.2rem; height: 1.2rem; position: absolute; top:0.6rem; z-index: 10; }
.detail a span.iconfont { font-size: 0.72rem; z-index: 50; top:0; }
.tipTitle,.tipMsg,.tipAction { padding: 0 0.3rem; }
.tipTitle { height: 1.2rem; line-height: 1.2rem; position: relative; }
.tipTitle span.enter { position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height: 0.6rem; font-size: 12px; line-height: 0.6rem; background: #20aeec; padding: 0 0.1rem; border-radius: 10px; color: #fff; display: none; }
.tipMsg { height:1.4rem; padding:0.3rem 0.3rem; color:#5c5c5c; font-size: 12px; border-top:2px solid #f9f9f9; }
.tipMsg div { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.tipAction { border-top:2px solid #f9f9f9; }
.contact,.address { color: #25bdb1; width: 2.6rem; height: 1rem; line-height: 1rem; }
.contact { float: left; display: inline; }
.address { float: right; display: inline; }
.contact a,.address a { display: block; color:#25bdb1; text-decoration: none; text-align: center; }
.contact span,.address span { margin-right: 0.05rem; font-size: 0.4rem; }

